@import "sassCom";
#countDetail{
  width:100%;
  height:100%;
  background:#eef1f6;
  .part-top{
    width:100%;
    height:pxToRem(420);
    background:#3b84ef;
    position:relative;
    &:after{
      position:absolute;
      left:0;
      bottom:pxToRem(-10.4);
      display:block;
      content:"";
      width:100%;
      height:pxToRem(211);
      background:url("../images/bg_wave.png") no-repeat left top;
      background-size:100% 100%;
    }
    .pt-txt1{
      padding-top:pxToRem(40);
      line-height:pxToRem(60);
      text-align:center;
      color:#fdfffe;
      font-size:pxToRem(30);
    }
    .pt-money{
      line-height:pxToRem(100);
      text-align:center;
      font-size:pxToRem(98);
      color:#eef1f6;
      font-weight:600;
    }
  }
  .c-detail{

    padding:0 pxToRem(30);

    padding-top:pxToRem(10);
    background:#fff;
    .contract{
      width:100%;
      height:pxToRem(48);
      .c-img{
        float:left;
        width:pxToRem(48);
        height:pxToRem(48);
        margin-right:pxToRem(20);
      }
      .c-num{
        float:left;
        height:pxToRem(48);
        line-height:pxToRem(48);
        color:#616673;
        font-size:pxToRem(30);
      }
      .refundBtn{
        float:right;
        width:pxToRem(80);
        background:#fff;
        height:pxToRem(30);
        line-height:pxToRem(30);
        border:1px solid #508cee;
        margin-top:pxToRem(8);
        color:#508cee;
      }
    }
    .cr-txt{
      margin-top:pxToRem(10);
      line-height:pxToRem(36);
      color:#616673;
      padding-bottom:pxToRem(30);
    }
    @at-root .yu-detail{
      width:100%;
      padding-bottom:pxToRem(30);
      .yu-title{
        height:pxToRem(30);
        padding-left:pxToRem(20);
        line-height:pxToRem(30);
        border-left:2px solid #508cee;
        font-size:pxToRem(30);
        color:#616673;
        margin-bottom:pxToRem(20);
      }
      .lists{
        padding:0 pxToRem(40);
        .list{
          position:relative;
          width:100%;
          height:pxToRem(86);
          @include  border_1px_bottom(#f1f1f1);
          .l-txt{
            float:left;
            height:pxToRem(85);
            line-height:pxToRem(85);
            color:#616673;
          }
          .l-money{
            float:left;
            padding-left:pxToRem(110);
            line-height:pxToRem(85);
            color:#508cee;
          }
          .l-time{
            float:right;
            height:pxToRem(85);
            line-height:pxToRem(85);
            color:#a5a8af;
            font-size:pxToRem(22);
          }
        }
      }
    }
  }
}


#closeBtn{position:absolute;right:0.1rem;top:0.1rem;padding:0.1rem; display:block;width:0.3rem;height:0.3rem;}
#closeBtn img{float:left;width:0.3rem;height:0.3rem;}
.l-title{height:0.5rem;line-height:0.5rem;text-align:center;color:#616673; font-size:0.32rem;}
.l-txt1{padding:0.1rem 0.2rem;text-indent: 1.5em; line-height:0.42rem; color:#616673;}
.l-txt2{padding:0.1rem 0.2rem; text-indent:1.5em;  line-height:0.45rem;color:#8b8a8a;}
